<template>
  <div>
    <el-form :label-position="option.attribute.labelPosition" :label-width="(option.attribute.label ? option.attribute.labelWidth : 0)+'px'" :size="option.attribute.formSize">
      <el-form-item :label="option.attribute.label">
        <el-date-picker
            :style="option.attribute.style"
            :format="option.attribute.format"
            :value-format="option.attribute.valueFormat"
            v-model="option.attribute.value"
            :type="option.attribute.type"
            :range-separator="option.attribute.separator"
            :placeholder="option.attribute.placeholder"
            :start-placeholder="option.attribute.startPlaceholder"
            :end-placeholder="option.attribute.endPlaceholder"
            :size="option.attribute.formSize">
        </el-date-picker>
        <!-- <el-input v-model="option.attribute.value" :type="option.attribute.type" :placeholder="option.attribute.placeholderValue"/> -->
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "cpt-date-select",
  title: '日期选择',
  icon: 'el-icon-edit-outline',
  initWidth: 200,
  initHeight: 50,
  group:'basic',
  props: {
    option: Object
  },
}
</script>

<style scoped>

</style>
